<template>
    <el-container id="app" direction="vertical">
        <Header />
        <Main />
        <Footer />
    </el-container>
</template>

<script>
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
import Main from '@/components/Main.vue'

export default {
    name: 'app',
    components: {
        Header,
        Footer,
        Main,
    },
}
</script>

<style>
@import './assets/style/reset.scss';
a {
    text-decoration: none;
}

#app {
    height: 100vh;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
}

main {
    background-color: #f5f7fa;
}
</style>
